<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>我是div</div>
    <script src="./js/jquery.js"></script>
    <script>
        /*
            JS
                style
                    设置
                        div.style.color = "red"
                    获取
                        //只能获取行内样式
                        console.log(div.style.color)
                非行内样式
                    只能获取,不能修改
                    window.getComputedStyle("元素").样式
            JQ
                单个操作
                    设置
                        $("div").css("color","red")
                    获取
                        $("div").css("color")
                批量操作
                    $("div").css({
                        "color":'red',
                        "width":"100px",
                        "height":"100px"
                    })
        */
        /* 设置样式 */
        // $("div").css("color","red")

        /* 获取样式*/
        // console.log($("div").css("color"));

        /* 批量设置 */
        // $("div").css({
        //     "width":"100px",
        //     "background":"red",
        //     "height":"100px"
        // })
    </script>
</body>

</html>